<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>banner</title>
    <link rel="stylesheet" href="../static/lib/layui/css/layui.css">
    <link rel="stylesheet" href="../static/css/base/base.css">
    <link rel="stylesheet" href="../static/css/components/collect.css">
    <link rel="stylesheet" href="../static/css/components/pro.css">
    <link rel="stylesheet" href="../static/css/components/banner.css">
</head>

<body>
    <ul class="layui-nav header-nav" lay-filter="">
        <li class="layui-nav-item">
            <a href="">logo</a>
        </li>
        <li class="layui-nav-item">
            <a href="../index.html">文章管理</a>
        </li>
        <li class="layui-nav-item">
            <a href="../activity/active.html">活动管理</a>
        </li>
        <li class="layui-nav-item">
            <a href="../tea/tea.html">茶馆管理</a>
        </li>
        <li class="layui-nav-item ">
            <a href="../collection/collection.html">藏家行情</a>
        </li>
        <li class="layui-nav-item">
            <a href="../proprietary/proprietary.html">自营商品</a>
        </li>
        <li class="layui-nav-item layui-this">
            <a href="banner.html">banner管理</a>
        </li>
        <li class="layui-nav-item">
            <a href="../sms/sms.html">短信模板</a>
        </li>
        <!-- 头部右侧 -->
        <div class="header-right">
            <div class="help">
                <i class="layui-icon layui-icon-help ic-help" style="font-size: 6px; "></i>
            </div>
            <li class="layui-nav-item">

                <a href="">帮助</a>
            </li>
            <li class="layui-nav-item">
                <a href="">
                    <img src="http://t.cn/RCzsdCq" class="layui-nav-img">我</a>
            </li>
        </div>
    </ul>
<div class="breadcrumb">
    <span class="layui-breadcrumb" lay-separator=">">
        <a href="">banner管理</a>
        <a href="">首页banner</a>
    </span>
</div>

    <!-- 中间内容区 -->
    <div class="container">
        <div class="con-left fl">
            <ul class="layui-nav layui-nav-tree" lay-filter="test">
                <li class="layui-nav-item layui-nav-itemed">
                    <a href="javascript:;">banner管理</a>
                    <dl class="layui-nav-child">
                        <dd>
                            <a href="javascript:;"class="layui-this">首页banner</a>
                        </dd>
                        <dd>
                            <a href="javascript:;">商城banner</a>
                        </dd>
                    </dl>
                </li>
            </ul>
        </div>
        <!-- 中间区域右侧 -->
        <div class="con-right fr">
            <div class="art-title collect-add fl">
                <a href="javascript:;" id="add" class="layui-btn-group art-add banadd fr">
                    <i class="layui-icon icon-add collect-btn">&#xe654;新增</i>
                </a>
            </div>

            <!-- 列表区 -->
            <div class="contain">
                <ul>
                    <li class="ban">
                        <form class="layui-form ban-form" action="">
                            <div class="layui-form-item">
                                <div class="layui-form-item">
                                    <div class="layui-form-mid layui-word-aux">更新时间 <span>2016-12-12</span></div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-upload-drag" id="upload">
                                        <i class="layui-icon"></i>
                                        <p>请上传商品封面</p>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-form-mid layui-word-aux">URL</div>
                                </div>
                                <input type="text" name="title" required lay-verify="required" placeholder="请输入URL地址" autocomplete="off" class="layui-input banner-input">
                            </div>


                            <div class="layui-form-item">
                                <div class="layui-input-block">
                                    <div class="banner-product">
                                    <i class="layui-icon layui-icon-edit banner-edit"></i>
                                    <button class="protect" lay-submit lay-filter="formDemo">保存</button>
                                   </div>
                                    <i class="layui-icon layui-icon-delete banner-editwo"></i>
                                    <button type="reset" class=" protect">删除</button>
                                </div>
                            </div>
                        </form>
                    </li>
                    <li class="ban">
                        <form class="layui-form ban-form" action="">
                            <div class="layui-form-item">
                                <div class="layui-form-item">
                                    <div class="layui-form-mid layui-word-aux">更新时间
                                        <span>2016-12-12</span>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-upload-drag" id="upload">
                                        <i class="layui-icon"></i>
                                        <p>请上传商品封面</p>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-form-mid layui-word-aux">URL</div>
                                </div>
                                <input type="text" name="title" required lay-verify="required" placeholder="请输入URL地址" autocomplete="off" class="layui-input banner-input">
                            </div>
                
                            <div class="layui-form-item">
                                <div class="layui-input-block">
                                    <div class="banner-product">
                                        <i class="layui-icon layui-icon-edit banner-edit"></i>
                                        <button class="protect" lay-submit lay-filter="formDemo">保存</button>
                                    </div>
                                    <i class="layui-icon layui-icon-delete banner-editwo"></i>
                                    <button type="reset" class=" protect">删除</button>
                                </div>
                            </div>
                        </form>
                    </li>
                    <li class="ban">
                        <form class="layui-form ban-form" action="">
                            <div class="layui-form-item">
                                <div class="layui-form-item">
                                    <div class="layui-form-mid layui-word-aux">更新时间
                                        <span>2016-12-12</span>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-upload-drag" id="upload">
                                        <i class="layui-icon"></i>
                                        <p>请上传商品封面</p>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-form-mid layui-word-aux">URL</div>
                                </div>
                                <input type="text" name="title" required lay-verify="required" placeholder="请输入URL地址" autocomplete="off" class="layui-input banner-input">
                            </div>
                    
                            <div class="layui-form-item">
                                <div class="layui-input-block">
                                    <div class="banner-product">
                                        <i class="layui-icon layui-icon-edit banner-edit"></i>
                                        <button class="protect" lay-submit lay-filter="formDemo">保存</button>
                                    </div>
                                    <i class="layui-icon layui-icon-delete banner-editwo"></i>
                                    <button type="reset" class=" protect">删除</button>
                                </div>
                            </div>
                        </form>
                    </li>
                    <li class="ban">
                        <form class="layui-form ban-form" action="">
                            <div class="layui-form-item">
                                <div class="layui-form-item">
                                    <div class="layui-form-mid layui-word-aux">更新时间
                                        <span>2016-12-12</span>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-upload-drag" id="upload">
                                        <i class="layui-icon"></i>
                                        <p>请上传商品封面</p>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <div class="layui-form-mid layui-word-aux">URL</div>
                                </div>
                                <input type="text" name="title" required lay-verify="required" placeholder="请输入URL地址" autocomplete="off" class="layui-input banner-input">
                            </div>
                    
                            <div class="layui-form-item">
                                <div class="layui-input-block">
                                    <div class="banner-product">
                                        <i class="layui-icon layui-icon-edit banner-edit"></i>
                                        <button class="protect" lay-submit lay-filter="formDemo">保存</button>
                                    </div>
                                    <i class="layui-icon layui-icon-delete banner-editwo"></i>
                                    <button type="reset" class=" protect">删除</button>
                                </div>
                            </div>
                        </form>
                    </li>
                </ul>



            </div>
        </div>
    </div>

    <script src="../static/lib/layui/layui.all.js"></script>
    <script src="../static/js/jquery.min.js"></script>
    <script src="../static/js/base.js"></script>
    <script>
        ; !function () {
            //无需再执行layui.use()方法加载模块，直接使用即可
            var form = layui.form
                , layer = layui.layer;
            //此处上传文件
            var $ = layui.jquery
                , upload = layui.upload;
            upload.render({
                elem: '#upload'
                , url: '/upload/'
                , done: function (res) {
                    console.log(res)
                }
            });

        }();
    </script>



</body>

</html>